<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{$logo.seotitle}</title>
    <meta name="description" content="{$logo.seodes}">
    <meta name="keywords" content="{$logo.seokey}">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="{$logo.ico}" rel="Shortcut Icon" type="image/x-icon" />
    <link href="/home/icnofont/iconfont.css" rel="stylesheet">
    <link href="/home/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="/home/css/base.css" rel="stylesheet">
    <link href="/home/css/index.css" rel="stylesheet">
    <link href="/home/css/media.css" rel="stylesheet">
    <link>
    <style type="text/css">
        .navbar-nav li a span{color:{$customer.pcnavfontcolor};}
        .navactive{color:{$customer.pcnavfontscolor} !important;box-shadow:0 2px 0 0 {$customer.pcnavfontscolor};}
        .banner .navbar-nav>li>a:hover span{color:{$customer.pcnavfontscolor};box-shadow:0 2px 0 0 {$customer.pcnavfontscolor};}
        .hoem_product_small_img_active{box-shadow:0 0 0 4px {$customer.pcthemecolor};}
        .hoem_product_subscript_active,.hoem_case,.product_type_title_active:after,.case_type_list_active,.case_type_list_active a{background:{$customer.pcthemecolor} !important;}
        .footer{background:{$customer.pcbottomcolor};}
        .footer_nav_list a,.footer_copyright>div{color:{$customer.pcbottomfontcolor};}
        .footer_nav_list_box{border-bottom:1px solid {$customer.pcbottomfontcolor};}
    </style>
</head>
<body>
<div class="box_all">
    <div class="banner banner_product">
        <div class="container">
            <nav class="navbar navbar-default">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a class="navbar-brand"><span class="logo_box"><img src="{$logo.logo}" class="img-responsive"></span></a>
                    </div>
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <ul class="nav navbar-nav navbar-right">
                            {foreach $navs as $key=>$value }
                                <li><a href="{if $value.link_style==0}{$url}{$value.nav_link}?cus_id={$cus_id}{elseif $value.link_style==1}{$url}about/singlepage?cus_id={$cus_id}&single={$value.single}{elseif $value.link_style==3}{$value.webpage}{/if}"><span class="{if $value.link_style==0&&$value.nav_link=='news/news'}navactive{/if}">{$value.nav_name}</span></a></li>
                            {/foreach}
                        </ul>
                    </div>
                </div>
            </nav>
        </div>
        <div class="banner_img">
            <img src="{$banner.img}" class="img-responsive">
        </div>
    </div>
    <div class="product_list_box">
        <div class="container">
            <div class="product_search_box">
                <div class="ad_box">
                    <div class="ad_title">
                        <span class="iconfont icon-laba"></span> 公告：
                    </div>
                    <div class="ad_info">
                        <div class="ad_info_box">
                            {foreach $comads as $key=>$value }
                            <div>
                                <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}">{$value.title}</a>
                            </div>
                            {/foreach}
                        </div>
                    </div>
                </div>
                <form class="product_search">
                        <input type="hidden" name="cus_id" value="{$cus_id}">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                        <input type="text" placeholder="大家都在搜" id="keyword" name="keyword" value="{$keyword}">
                        <button type="submit" id="" name=""></button>
                </form>
            </div>
            <div class="breadcrumb_box">
                当前位置：
                <ol class="breadcrumb">
                    <li><a href="{:url('index/index')}?cus_id={$cus_id}">首页</a></li>
                    <li class="active">新闻资讯</li>
                </ol>
            </div>
            <div class="case_type_box">
                <div class="case_type_list">
                    <div class="{if $cate_id==0}case_type_list_active{/if}"><a href="{$url}news/news?cus_id={$cus_id}&cate_id=0&keyword={$keyword}">所有</a></div>
                    {foreach $newcates as $key=>$value }
                    <div class="{if $cate_id==$value.id}case_type_list_active{/if}"><a href="{$url}news/news?cus_id={$cus_id}&cate_id={$value.id}&keyword={$keyword}">{$value.catename}</a></div>
                    {/foreach}
                </div>
            </div>
            <div class="news_all">
                <div class="news_content">
                    <div class="row">
                        <div class="col-md-7 col-xs-12">
                            <div class="news_text_box">
                                <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$news.id}">
                                    <h4 class="news_text_title">{$news.title}</h4>
                                </a>
                                <div class="news_text_time">
                                    <div><span class="iconfont icon-shizhong"></span>{:date('Y-m-d H:i:s',$news.uptime)}</div>
                                    <div><span class="iconfont icon-yanjing"></span>{$news.view}</div>
                                </div>
                                <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$news.id}">
                                    <p class="news_text">{:mb_substr(strip_tags(html_entity_decode($news.content)),0,100,'utf-8')}...</p>
                                </a>
                                <div class="news_release_name">
                                    <div>
                                        <img src="{$logo.logo}">
                                    </div>
                                    <p>{$logo.name}</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-5 hidden-sm hidden-xs">
                            <div class="news_text_img">
                                <img src="{$news.img}">
                            </div>
                        </div>
                    </div>

                </div>
                <div class="news_list_box">
                    <div>
                        <ul>
                            {foreach $allnew as $key=>$value }
                            <li class="news_list">
                                <div class="news_list_img">
                                    <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}">
                                        <img src="{$value.img}" class="img-responsive">
                                    </a>
                                </div>
                                <div class="news_list_detail">
                                    <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}">
                                        <h4 class="news_list_title">{$value.title}</h4>
                                        <p class="news_list_cont">{:mb_substr(strip_tags(html_entity_decode($value.content)),0,75,'utf-8')}...</p>
                                    </a>
                                    <div class="news_list_time_box">
                                        <div class="news_list_time">
                                            <div><span class="iconfont icon-shizhong"></span>{:date('Y-m-d H:i:s',$value.uptime)}</div>
                                            <div><span class="iconfont icon-yanjing"></span>{$value.view}</div>
                                        </div>
                                        <div class="news_list_release">
                                            <div>
                                                <img src="{$logo.logo}">
                                            </div>
                                            <p>{$logo.name}</p>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="product_pagination_box">
                <!-- <span class="glyphicon glyphicon-menu-left" aria-hidden="true"></span> -->
                <!-- <div class="pag_list">
                    <a href="javascript:;" class="pag_list_active">1</a>
                    <a href="javascript:;">2</a>
                    <a href="javascript:;">3</a>
                </div> -->
                <div class="pagelist"  style="text-align: right;">
                        {$allnew->render()|raw}
                </div>
                <!-- <span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span> -->
            </div>
            <!-- <div class="product_activity">
                <div>
                    <a><img src="/home/img/huodong.png" class="img-responsive"></a>
                </div>
                <div>
                    <a><img src="/home/img/huodong1.png" class="img-responsive"></a>
                </div>
            </div> -->
            <div class="product_recommend_box">
                <div class="product_recommend_title"><img src="/home/img/xihuan.png" class="img-responsive"></div>
                <div>
                    <div class="row">
                        <ul class="product_list_ul">
                            {foreach $renews as $key=>$value }
                            <li class="col-sm-4 col-xs-6">
                                <div class="thumbnail">
                                    <div class="product_info">
                                        <a href="{$url}news/newsdetail?cus_id={$cus_id}&id={$value.id}"><img src="{$value.img}" class="img-responsive"></a>
                                        <p>{$value.title}</p>
                                        <span><i class="iconfont icon-shizhong" style="font-size:12px;">{:date('Y-m-d H:i:s',$value.uptime)}</i><i class="iconfont icon-yanjing" style="float:right;font-size:12px;">{$value.view}</i></span>
                                    </div>
                                </div>
                            </li>
                            {/foreach}
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="container">
            <div class="footer_nav_list_box">
                <div class="footer_nav_list">
                    <a href=""><span class="glyphicon glyphicon-phone" aria-hidden="true"></span> 移动版</a>
                    {foreach $navs as $key=>$value }
                        <a href="{$url}{$value.nav_link}?cus_id={$cus_id}">{$value.nav_name}</a>
                    {/foreach}
                </div>
                <div class="footer_img">
                    <img src="{$logo.wqrcode}" class="img-responsive">
                </div>
            </div>
            <div class="footer_copyright">
                <div>
                    工信部备案：<span>{$logo.miit}</span>
                </div>
                <div>
                    公安备案号：<span>{$logo.psr}</span>
                </div>
                <div>
                    {$logo.record}
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/home/js/jquery-3.4.1.min.js"></script>
<script src="/home/bootstrap/js/bootstrap.min.js"></script>
<script>
    function timer(opj){
        $(opj).find('.ad_info_box').animate({
            marginTop : "-36px"
        },500,function(){
            $(this).css({marginTop : "0"}).find("div:first").appendTo(this);
        })
    }
    $(function() {
        $(".hoem_product_big_img_list").height($(".hoem_product_big_img_list li").eq(0).height());
        var num = $('.ad_info_box').find('div').length;
        if(num > 1){
            var time=setInterval('timer(".ad_info")',3500);
            $('.gg_more a').mousemove(function(){
                clearInterval(time);
            }).mouseout(function(){
                time = setInterval('timer(".ad_info")',3500);
            });
        };

        $(".case_type_list div").on("click",function () {
            $(this).addClass("case_type_list_active").siblings().removeClass("case_type_list_active");
        })
    })
    $(".pagelist").on("click",".pagination a",function(){
      var url=$(this).attr("href");
      var keyword=$("#keyword").val();
      url=url+'&keyword='+keyword+'&cus_id='+"{$cus_id}"+'&cate_id='+"{$cate_id}";
      getPage(url);
      return false;
    });
    function getPage(url)
    {
      $.get(url, function(data){
        $("body").html(data);

      });
    }
</script>
</html>